// 二次分装axios
import axios from "axios";
import config from '../config'
import {ElMessage} from "element-plus";

const NETWORK_ERROR = '网络请求异常，请稍后重试.....'

const service = axios.create({
    baseURL: config.baseApi
})

//在请求之前做一些事情
service.interceptors.request.use((req) => {
    return req
})

//在请求之后做一些事情
service.interceptors.response.use((res) => {
    //这里解析数据，然后给 MainHome.vue 使用
    // console.log(res, 'res')
    const {code, msg} = res.data
    //根据后端协商视情况而定
    if (code == 200) {
        return res.data
    } else {
        ElMessage.error(msg || NETWORK_ERROR)
        return Promise.reject(msg || NETWORK_ERROR)
    }
})

function request(options) {
    options.method = options.method || 'get'

    if (options.method.toLowerCase() == 'get') {
        options.params = options.data
    }

    let isMock = config.mock

    if (typeof options.mock !== 'undefined') {
        isMock = options.mock
    }

    //环境是否是线上环境,是线上环境的话就使用 config.baseApi
    //不是是线上环境的话就使用 config.mockApi
    if (config.env == 'online') {
        service.defaults.baseURL = config.baseApi
    } else {
        service.defaults.baseURL = isMock ? config.mockApi : config.baseApi
    }
    return service(options)
}

export default request
